Jusqu'à présent, nous avons travaillé dans les limites d'une fenêtre d'application, mais bien sûr, les applications peuvent également
occuper d'autres zones du système d'exploitation.
Le plus courant étant une sorte de barre d'icônes ou de barre des tâches globale sur Mac.
On le retrouve ici en haut à droite de l'écran.
Idem pour Ubuntu Linux ou en bas à droite sous Windows.
Le module de plateau d'électrons, nous permettant ensuite d'ajouter notre application à une barre des tâches telle qu'une application, dispose de deux façons
d'utiliser l'entrée de la barre des tâches, la première étant d'y attacher un menu et la seconde étant d'écouter simplement divers clics
sur l'icône de la barre des tâches.
Voyons des exemples des deux.
Je vais commencer par exiger le module, ce qui expose la classe commerciale.
Donc, plateau en majuscules, puis pour créer et utiliser l'instant de plateau, nous devrons créer une référence globale à l'instance de
plateau exactement comme nous le faisons pour la fenêtre du navigateur.
J'ajouterai un plateau de variables globales et une nouvelle fonction chargée de créer et de configurer nos applications.
Instance de plateau, créez une arborescence dans laquelle nous pouvons attribuer une nouvelle arborescence à la variable globale de plateau.
Ce constructeur prend un seul argument étant le chemin vers l'icône de l'arborescence.
Maintenant, cette image d'icône que nous transmettons ici est convertie en un objet image natif, ce que nous aborderons dans
une leçon ultérieure.
Mais essentiellement, cela signifie que nous pouvons configurer l'image comme une image d'application native au moyen de son nom.
Par exemple, si nous regardons la documentation de l'image native d'Electron, nous voyons que l'ajout à deux, trois ou
quatre X à une image nous permettra de fournir des images plus grandes pour des écrans haute résolution.
C'est un sujet en soi.
Mais j'ai lié à de bonnes ressources.
Si vous souhaitez avoir une lecture, nous pouvons également préfixer le modèle de mot-clé pour fournir une image de
modèle au lieu d'un modèle d'image standard.
Images, ce qui signifie essentiellement que le système d'exploitation remplira tous les pixels disponibles dans l'icône avec
la bonne couleur.
En fonction du schéma de couleurs du système d'exploitation, vous aurez besoin d'une image avec un arrière-plan transparent.
Ensuite, je vais ajouter mon modèle de barre d'icônes à deux X et définir le chemin vers cette image d'icône d'arbre.
Donc, ce nom signifie essentiellement afficher l'icône à deux fois la résolution et en faire une icône de modèle,
Mark prend une image de 16 par 16 pixels pour sa barre des tâches standard.
Donc, à deux fois la résolution, cette image est de 32 par 32 pixels.
C'est tout ce dont nous avons besoin pour créer l'entrée tri.
Alors testez cela sans oublier d'appeler create tray.
Une fois que l'application est prête, je vais simplement le faire dans la fenêtre de création pour le moment.
Économisez simplement plus facilement.
Et là, nous voyons l'icône que j'ai utilisée pour l'arbre, si vous vérifiez l'image dans les ressources de la
leçon, vous verrez que c'est une icône noire solide, mais étant déclaré une image de modèle, Mac OS a rendu l'icône blanche afin
de l'adapter avec mon thème sombre.
Pour le moment, cette icône ne fait rien, pas même pour nous dire ce que c'est.
Corrigeons donc cela avec une info-bulle pour ajouter une simple info-bulle à une icône d'arbre.
Nous pouvons dire ensemble d'arbres, info-bulle en passant.
Le message à afficher dans l'arborescence des info-bulles est enregistré.
Survolez l'icône.
Et là, nous obtenons cette info-bulle ensuite, nous pouvons ajouter des fonctionnalités.
Rappelez-vous que j'ai dit que nous avions deux façons d'utiliser l'instance de la barre d'état, la première étant d'utiliser cette icône uniquement et d'écouter
les clics, à droite.
Clics ou même clics avec des touches de modification comme Maj Alt, etc. , vous pouvez trouver une liste complète des événements dans la
documentation de la barre d'état, y compris certains événements spécifiques à la plate-forme, comme déposer des fichiers sur l'icône de la
barre d'état.
Pour l'instant, ajoutons une barre d'écoute de clic simple sur clic, nous fournissant un rappel avec l'événement de clic dans lequel je basculerai la visibilité de
la fenêtre principale chaque fois que l'icône de la barre a cliqué pour la première fois en vérifiant
si ma fenêtre est visible avec la fenêtre principale est visible .
En utilisant un opérateur ternaire, si true, donc visible, appelez la fenêtre principale dot hide, sinon appelez la fenêtre principale dot
show.
Cliquez sur l'icône sèche et c'est parti à chaque clic pour basculer la fenêtre principale entre visible et caché.
Nous pouvons également vérifier les touches de modification sur l'un de ces événements de clic.
Si la touche de décalage du point de l'événement de clic, c'est-à-dire que la touche Maj a été enfoncée lorsque le clic
s'est produit, appelez point quit.
La visibilité bascule-t-elle comme avant?
Alors maintenant, cliquer sur l'icône fera ce que nous venons de voir, afficher et masquer, mais maintenir la touche Maj et cliquer
sur l'icône quittera l'application.
Sauver.
Effectuez un clic normal.
Cela fonctionne comme avant, mais maintenez enfoncé, déplacez avec un clic et c'est parti, l'application se ferme.
C'est donc la première façon d'utiliser une instance de plateau avec des variations de clics.
La seconde consiste à ajouter un menu à l'icône, exactement comme dans les leçons précédentes.
J'aurai besoin du module de menu ou de la classe créant dans la portée globale un nouveau menu appelé menu de la barre d'état.
Avec les classes de menu construites à partir de la méthode de modèle appelant le point de menu tiré du modèle dans lequel
je vais créer un élément de menu avec une étiquette d'élément un.
Et un deuxième élément de menu avec une configuration de rouleau de quitte.
Enfin, appliquer ce menu à l'icône de la barre avec barre, point, définir le contexte, menu, menu de la barre.
Enregistrez et maintenant, lorsque je clique sur cette icône au lieu du déclenchement de l'écouteur de clic, nous voyons que deux éléments de
menu avec le contrôle nous donnant cette entrée, citation, la plupart des électrons, l'électron étant le nom de l'application
extrait du package sur lequel le fichier JSON clique et l'application se ferme.
Ainsi, comme pour tout menu, les possibilités sont infinies.
Notez cependant que j'ai volontairement laissé cet écouteur de clic en place, mais avec l'ajout du menu, cela
est maintenant ignoré.
Alors toujours l'un ou l'autre.